<template>
     <div>
         <!-- 导航栏 -->
         <van-nav-bar title="不万能先生火锅店" >
  <template #left>
    <van-icon name="cross"  size="20"/>
  </template>
  <template #right>
    <i class="iconfont icon-nav_ico_menu_h"></i>
  </template>
</van-nav-bar>

 <div class="top">
  <h4>用户ID</h4>
  <h4>时间</h4>
 </div>

 <div class="main">
  <div>17333333333</div>
  <div>2023-02-17 11:11:00</div>
 </div>


 <div class="main">
  <div>17333333333</div>
  <div>2023-02-17 11:11:00</div>
 </div>



 <div class="main">
  <div>17333333333</div>
  <div>2023-02-17 11:11:00</div>
 </div>

     </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.van-nav-bar{
  background-color: #101010;
 }

 .iconfont {
  color: white;
 }
 ::v-deep .van-nav-bar__title {
  color: white;
 }
 .top {
  display: flex;
  height: 58px;
  justify-content: space-around;
  border-bottom: 1px solid #e8e8e8;
 }
 .main {
  display: flex;
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  justify-content: space-around;
  border-bottom: 1px solid #e8e8e8;
 }
</style>